.my-content {
  margin: 0 auto;
  box-sizing: border-box;
  padding: 0 24rpx;
  position: relative;
  z-index: 1;
  background: #f5f5f5;
  min-height: 100vh;
  .mycontent-top-bc {
    position: absolute;
    width: 100%;
    background: linear-gradient(180deg, #fef2dd 2%, #f7f7f7 95%);
    height: 562rpx;
    z-index: 0;
    left: 0;
  }
  .container {
    position: relative;
    z-index: 1;
    .statistics-warp {
      margin: 1rem 0;
      padding: 1rem 0.8rem;
      background: linear-gradient(90deg, #dfbc6e 0%, #dca43e 99%);
      border-radius: 20rpx;

      .statistics-top-warp {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 1rem;
        .statistics-title {
          color: #fff;
          font-size: 32rpx;
          font-weight: bold;
        }
        .filter-date-warp {
          .filter-date-item {
            display: flex;
            align-items: center;
            .filter-date-text {
              display: flex;
              margin-right: 14rpx;
              background-color: #fff;
              padding: 14rpx 24rpx;
              border: 2rpx solid #d9d9d9;
              border-radius: 40rpx;
              font-size: 24rpx;
            }
          }
        }
      }
    }
    .data-number-warp {
      padding: 1rem;
      background-color: #fff;
      border-radius: 20rpx;
      &.mb-1 {
        margin-bottom: 1rem;
      }
      .data-title-warp {
        margin-bottom: 1rem;
        font-weight: bold;
        display: flex;
        align-items: center;
        .title-line {
          width: 6rpx;
          height: 24rpx;
          margin-right: 14rpx;
          background-color: #d49e3b;
          &.red-bg {
            background-color: #b27163;
          }
        }
      }
      .data-value {
        font-size: 48rpx;
        text-align: center;
        font-weight: bold;
        margin-bottom: 14rpx;
        word-break: break-all;
        font-family: Medium !important;
      }
      .data-label {
        font-weight: 400;
        color: #8c8c8c;
        font-size: 22rpx;
        text-align: center;
        margin-bottom: 14rpx;
      }
      .view-btn {
        color: #dca43e;
        text-align: center;
      }
    }
  }
}

::v-deep .u-count-num {
  font-family: Medium !important;
}
